<template>
  <view class="content">
    <view style="background-color: #165dff; width: 100%; height: 300rpx">
      <image
        src="../static/images/title-icon.png"
        mode="widthFix"
        style="
          position: absolute;
          top: 0;
          left: 0;
          width: 400rpx;
          height: 400rpx;
        "
        class="title-bar"
      >
      </image>
      <view>
        <uni-search-bar
          @confirm="search"
          :focus="true"
          v-model="searchValue"
          @blur="blur"
          @focus="focus"
          @input="input"
          @cancel="cancel"
          @clear="clear"
        >
        </uni-search-bar>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      searchValue: "123123",
    };
  },
  methods: {
    search(res) {
      uni.showToast({
        title: "搜索：" + res.value,
        icon: "none",
      });
    },
  },
};
</script>

<style>
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
</style>
